<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>测试</title>
    <link >
    <script type="text/javascript" src="./index.js"></script>
</head>
<body>
    <table class="form_table">
        <tr>
            <td>
                <label for="name">用户名：</label>
            </td>
            <td>
                <input type="text" name="name" id="name" />
            </td>
            <td>
                <span id="encrypt_name"></span>
            </td>
            <td>
                <span id="encrypt_name_back"></span>
            </td>
        </tr>
        <tr>
            <td>
                <label for="name">密码:</label>
            </td>
            <td>
                <input type="password" name="password" id="password" />
            </td>
            <td>
                <span id="encrypt_password"></span>
            </td>
            <td>
                <span id="encrypt_password_back"></span>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <!-- HTML 中直接使用 onclick="submitAction()" 的方式是依赖于全局函数 submitAction 的存在。
                 然而，当使用 webpack 打包后，函数 submitAction 被作为模块的一部分，不再是全局可访问的函数，因此 HTML 找不到这个函数。 -->
                <!-- <button class="submit_button" onclick="submitAction()">立即登录</button> -->
                <button id="submit_button">立即登录</button>
            </td>
            <td colspan="2">
                <span id='token'></span>
            </td>
        </tr>
    </table>
</body>
</html>